<?php
/**
 * Page de présentation de la maquette des sites académiques
 *
 * Nécessite le composant http pour le bon fonctionnement des styles :
 * placer au minimum la classe dirapHttpIMS dans le répertoire classes/http/
 * 
 * Page Compatible XHTML Script à une exception près : onload ne peut être 
 * utilisé dans un tag img du logo académique (ligne 50), nécessaire pour 
 * obtenir un bon affichage sous IE6.
 *
 * @package    Maquette
 * @author     Luc CHATEFAU <luc.chatefau@ac-poitiers.fr>
 * @author     Philippe MARASSE <philippe.marasse@ac-poitiers.fr>
 * @copyright  2007 D.I.R. Académie de Poitiers
 * @license    http://www.opensource.org/licenses/gpl-license.php
 * @version    $Id: index.php,v 1.8 2007/12/12 11:17:09 philippe Exp $
 * @revision	Modifier par Emmanuel Sterbac pour le Collège Romain Rolland
 */
 header('Content-Type: text/html; charset=utf-8');
 require_once('classes/menu/class.dirapMenuItem.inc.php');
 require_once('classes/menu/class.dirapMenu.inc.php');

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Maquette HTML</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="css/style-ecran.php?modele=ia86&amp;iebugs" />
  <link rel="alternate stylesheet" type="text/css" href="css/style-ecran.php?modele=ia16&amp;iebugs" title="ia16" />
  <link rel="alternate stylesheet" type="text/css" href="css/style-ecran.php?modele=ia17&amp;iebugs" title="ia17" />
  <link rel="alternate stylesheet" type="text/css" href="css/style-ecran.php?modele=ia79&amp;iebugs" title="ia79" />
  <link rel="alternate stylesheet" type="text/css" href="css/style-ecran.php?modele=ia86&amp;iebugs" title="ia86" />
  <script type="text/javascript" src="./script/png.js"></script>
  <script type="text/javascript" src="script/menu.js"></script>
  <!-- <script type="text/javascript" src="script/styleswitcher.js"></script>  #Désactivation du cookie stylesheet-->
</head>

<body onload="setHover(); fixPNG(document.getElementById('logoAcad'));">

<!-- Entête Informations utilisateur -- Inutile en établissement pas d'accés au LDAP
<div id="entete">
   <div style="float: right;">
   <a href="#logout" title="Quitter l'application"><img src="icones/quit.png" alt="" width="12" height="12" />&nbsp;Quitter</a>&nbsp;-&nbsp;
   <a href="#ct_logout" onclick="return confirm('Etes vous sur de vouloir vous déconnecter du système d\'information académique ?');" 
        title="Se déconnecter du système d'information de l'académie"><img src="icones/stock-cancel.png" alt="" width="12" height="12" />&nbsp;Se déconnecter</a></div>
   Mon Login - Mon nom complet (profil)
</div> -->

<!-- Bannière de l'application - page courante -->
<div id="banniere">
   <div id="version">Rev. 0.1</div>
   <img src="logos/logo-RR.png" id="logoRR" class="logo" alt="" />
   <div id="nomappli">Nom de l'application</div>
   <div id="titrepage">Titre de cette page (Sous-Menu)</div>
   <div id="pos">
      <a href="#">Accueil</a> » <a href="#">Menu 1</a> » Sous-Menu
   </div>
</div>

<div id="conteneur">
    <div id="contenu">

        <!-- Menu de l'application -->

        <div id="navigation" class="menucontainer">
        <?php
            $menu = new dirapMenu();

            $item = new dirapMenuItem('Fichier','#1','titre');
            $menu->appendChild($item);

            $sitem = new dirapMenuItem('Nouveau...','#11','');
            $item->appendChild($sitem);

            $sitem = new dirapMenuItem('Ouvrir','#12','');
            $item->appendChild($sitem);

            $sitem2 = new dirapMenuItem('Récent','#121','');
            $sitem->appendChild($sitem2);

            $sitem2 = new dirapMenuItem('Parcourir...','#122','');
            $sitem->appendChild($sitem2);

            $sitem = new dirapMenuItem('Quitter','#13','');
            $item->appendChild($sitem);

            $item = new dirapMenuItem('Edition','#2','titre');
            $menu->appendChild($item);

            $menu->showHTML();
        ?>
        </div>

        <!-- Messages d'information ou d'erreur -->
        <div class="succes">
            <b>OK : </b>Texte du message.
        </div>

        <!-- Contenu réel de la page -->
        <h1>Titre 1</h1>
        
        <h2>Titre 2</h2>
        
        <h3>Titre 3</h3>
        
        <script type="text/javascript">
            // <![CDATA[
            /* Sélectionne le bon style dans la combobox en fonction du cookie lu */
            monstyle = document.getElementById('style');
            for (i = 0; i < monstyle.options.length; i++) {
                if (monstyle.options[i].value == title) {
                    monstyle.options[i].selected = true;
                }
            }
            // ]]>
        </script>

        <div class="erreur">
            <b>Erreur : </b>Texte du message d'erreur
        </div>

        <table>
            <tr><th>Entête</th><th>Entête 2</th></tr>
            <tr class="impair"><td>Donnée</td><td>Data</td></tr>
            <tr class="pair"><td>Donnée</td><td>Data</td></tr>
            <tr class="impair"><td>Donnée</td><td>Data</td></tr>
        </table>

        <div class="info">
            <b>Info : </b>Texte du message d'info
        </div>

        <form method="post" action="">
        <fieldset>
            <legend>Titre fieldset</legend>
            
            <table>
                <tr><th>Désignation</th><th>Valeur</th><th>Opérations</th></tr>
                <tr class="impair"><td class="right">Champs :</td>
                    <td><input type="text" size="40" /><br />
                    <input type="checkbox" class="checkbox" />&nbsp;Case à cocher<br />
                    <input type="checkbox" class="checkbox" />&nbsp;Case à cocher
                    </td><td><button><img src="icones/stock-cancel.png" width="12" height="12" alt="" />&nbsp;Supprimer</button></td></tr>
                <tr class="pair"><td class="right">Second :</td>
                    <td><input type="radio" class="radio" name="truc" />&nbsp;Radio 1<br />
                    <input type="radio" class="radio" name="truc" />&nbsp;Radio 2<br />
                    <input type="radio" class="radio" name="truc" />&nbsp;Radio 3<br />
                    <select name="testsel">
                        <option value="1">---</option>
                        <option value="2">Test d'option 2</option>
                        <option value="3">Test d'option 3</option>
                        <option value="4">Test d'option 4</option>
                    </select>
                    <input type="submit" class="button" value="Enregistrer" />
                     - <a href='#'>Lien</a>
                    </td>
                    <td><button><img src="icones/stock-add.png" width="12" height="12" alt="" />&nbsp;Ajouter</button></td>
                </tr>
                <tr class="impair"><td class="right">Textarea :</td><td>
                    <textarea cols="40" rows="4">essai de textarea</textarea></td><td></td></tr>
                <tr><td colspan="3" style="text-align: center;">
                    <button><img src="icones/stock-apply.png" width="12" height="12" alt="" /> Enregistrer</button>
                    <button><img src="icones/stock-cancel.png" width="12" height="12" alt="" /> Annuler</button>
                </td></tr>
            </table>
            
        </fieldset>
        </form>
    </div><!-- Contenu -->
</div><!-- Conteneur -->
<div id="legal">
&copy; 2011 - Service Intendance - Collège Romain Rolland</div>
</body>
</html>
